<template>
  <div>
    <p><input type="text" @change="changeHandler" v-model="message"></p>
  </div>
</template>

<script>
    export default {
      name: "ChildComponent03",
      data() {
        return {
          message: ""
        };
      },
      methods: {
        changeHandler() {
          this.$emit("myEvent", this.message);
        }
      }
    }
</script>

<style scoped>

</style>
